.top {
    .receive {
      text-align: center;
  
      .btn {
        width: 60%;
        border-radius: 5px;
      }
  
      .infoRow {
        text-align: left;
        padding: 10rpx 20rpx;
  
        .info {
          display: flex;
          .username {
            flex: 5;
          }
          .telnumber {
            flex: 3;
          }
        }
      }
    }
    .cartName {
      margin-top: 20rpx;
      color: var(--theme);
      align-items: center;
      border-top: 5rpx solid #dedede;
      border-bottom: 5rpx solid #dedede;
  
      view {
        display: flex;
        font-size: 38rpx;
      }
    }
    .cartBlank {
      width: 100%;
      height: 100rpx;
    }
    .cart {
      padding: 10rpx;
      border-bottom: 1px solid #ccc;
      margin-top: 10px;
      display: flex;
  
      .check {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
      }
  
      .img {
        flex: 2;
  
        image {
          width: 80%;
        }
      }
      .JerryInfo {
        flex: 4;
        display: flex;
        flex-direction: column;
  
        .name {
          flex: 5;
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }
  
        .infoBottom {
          flex: 2;
          display: flex;
  
          .price {
            flex: 2;
            color: var(--theme);
          }
  
          .num {
            display: flex;
            flex: 4;
            justify-content: space-around;
  
            .edit {
              border: 1px solid #dedede;
              height: 50rpx;
              width: 50rpx;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 32rpx;
              font-weight: 800;
            }
          }
        }
      }
    }
  
    .footerBottom {
      border-top: 1px solid #dedede;
      background-color: #fff;
      z-index: 2;
      position: fixed;
      bottom: 0;
      height: 90rpx;
      width: 100%;
      // background-color: #dedede;
      display: flex;
      .sum {
        flex: 5;
        display: flex;
        .sumPrice {
          color: var(--theme);
        }
        align-items: center;
        align-content: flex-end;
        flex-direction: column;
      }
  
      .jiesuan {
        display: flex;
        justify-content: flex-end;
        flex: 3;
        .jieItem {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;
          width: 100%;
          background-color: var(--theme);
          color: #fff;
          font-size: 38rpx;
          font-weight: 600;
        }
      }
    }
  }
  